<template>
  <div>
    <v-data-table :headers="headers" :item="people" show-expand>
      <template v-slot:expanded-item="{ item, headers }">
        <td :colspan="headers.length">{{ item.description }}</td>
      </template>
      <template v-slot:item.data-table-expand="{ item, isExpaned, expand }">
        <v-icon @click.stop="expand(!isExpaned)" v-if="item.description"
          :class="['v-data-table_expand-icon', { 'v-data-table__expand-icon--active': isExpanded }]">
          $expand
        </v-icon>
      </template>
    </v-data-table>

  </div>
</template>
<script>
export default {

}
</script>
<style lang="">

</style>